<template>
  <el-pagination
    class="ta-right mt-20"
    layout="prev, pager, next"
    v-bind="$attrs"
    :current-page="pageInfo.page"
    :total="pageInfo.total"
    @current-change="currentChange"
  />
</template>

<script>
export default {
  props: {
    pageInfo: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    // 翻页
    currentChange(val) {
      this.$emit("currentChange", val);
    }
  }
};
</script>

<style lang="scss">
.el-pagination {
  li,
  .el-icon {
    font-size: $font-16 !important;
  }
}
</style>
